<template>
  <div>
      <h1>{{msg}}</h1>
      <h2>学生姓名：{{name}}</h2>
      <h2>学生性别：{{sex}}</h2>
      <h2>学生年龄：{{myAge}}</h2>
      <button @click="updateAge">点我年龄++</button>
  </div>
</template>

<script>
  export default {
    name: 'Student',
    data(){
      return{
        msg:'我是一个学生',
        myAge: this.age
      }
    },
    methods:{
      updateAge(){
        this.myAge++
      }
    },
    /*// 简单声明接收
    props:["name","sex","age"]*/

    /*// 限制类型
    props:{
      name: String,
      sex: String,
      age: Number
    }*/

    // 限制类型、限制必要性、指定默认值
    props:{
      name:{
        type: String, // 类型
        required: true, // 是否必须传
      },
      sex:{
        type: String,
        default: 99 // 如果没传，默认值
      },
      age:{
        type: Number,
        required: true
      }
    }
  }
</script>